<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<%@ include file="/WEB-INF/views/shared/master/weContentHeader.jsp"%>
<style type="text/css">
	body{
		background-color:#f2f2f2;
	}
	.background{
		position:absolute;
		width:100%;
		z-index:10;
	}
	.boxTop{
		position:relative;
	}
	.text{
		color:black;
		text-align:center;
	}

	.logo{
		width:3.5rem;
		height:3.5rem;
		position:absolute;
		z-index:11;
		margin-top:4.5rem;
		border:1px solid #e7ebad;
		border-radius:8%;
	}
	
	.textBox{
		position:absolute;
		z-index:11;
		width:100%;
		margin-top:9rem;
	}
	.hrefColor{
		color:#7779bc;
	}
	
</style>

	<div class="boxTop">
		<img class="background" src="<c:url value='/images/we/redEnvelope/detail.jpg'/>"/>
		<img class="logo" src="<c:url value='/images/logo.png'/>"/>
	</div>
	
	<div class="textBox">
		<p class="text" style="font-size:0.8rem;">普天永利给您发了一个红包</p>
		<p class="text" style="margin-top:1rem;font-size:1rem;">恭喜发财，大吉大利</p>
		<p class="text" style="margin-top:1rem;font-size:2.5rem;color:black;">
			${redEnvelopeRecord.redMoney}
			<span style="font-size:1rem;">元</span>
		</p>
		<p class="text"><a href="<c:url value='/wechat/acc/myWealth/myWealth'/>" class="hrefColor">已存入永利商城账户余额，可直接提现</a></p>
		
		<p class="text">领取时间：<fmt:formatDate value="${redEnvelopeRecord.getDate}" pattern="yyyy-MM-dd HH:mm:ss"/></p>
	</div>


<%@ include file="/WEB-INF/views/shared/scripts/jquery.jsp"%>
<script type="text/javascript">
		$(function(){
			
			var backgroundWidth = $(".background").width();
			
			//设置logo的位置
			var logoWidth = $(".logo").width();
			var logoLeft = backgroundWidth/2 - logoWidth/2;
			$(".logo").css("left",logoLeft);
		});
		
</script>
<%@ include file="/WEB-INF/views/shared/master/weContentFooter.jsp"%>